﻿<!-- "script/apps/Aries/Creator/Game/Movie/MovieClipTimeLine.html" -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
<pe:mcml>
<script refresh="false" type="text/npl" src="MovieClipTimeLine.lua"><![CDATA[
MovieClipTimeLine = commonlib.gettable("MyCompany.Aries.Game.Movie.MovieClipTimeLine");

function OnCreateKeyFrameCtrl(params,node)
    local _this = ParaUI.CreateUIObject("container", MovieClipTimeLine.keyframes_parent_name, 
        params.alignment, params.left, params.top, params.width, params.height);
	_this.background = "";
	params.parent:AddChild(_this);
end

function OnCreateSubFrameCtrl(params,node)
    local _this = ParaUI.CreateUIObject("container", MovieClipTimeLine.subframes_parent_name, 
        params.alignment, params.left, params.top, params.width, params.height);
	_this.background = "";
	params.parent:AddChild(_this);
end
]]></script>
<div width="100%" height="40">
    <div style="background:url(Texture/whitedot.png);background-color:#ffffffcc">
        <div style="position: relative; background:; margin-left: 64px; margin-top: -16px; height: 16px; width: 64px">
            <input type="button" name="actorname" value='<%=L"全局"%>' style="font-size: 11px; margin-top:0px;margin-left: 0px; background-color: #097c04; background:url(Texture/whitedot.png); text-align:center; color: #ffffff; height: 16px; width: 64px"/>
        </div>
        <div style="position: relative; background: url(Texture/whitedot.png); background-color: #0000ff; margin-left: 0px; margin-top: 0px; height: 12px; width: 64px">
            <input type="button" zorder="1" name="varname" tooltip='<%=L"点击切换"%>' spacing="0" style="font-size:11px;text-align:center;color:#ffffff; background:;margin-left:0px;margin-top:-1px;height:12px;width:64px" value='<%=L"文字"%>' onclick="MovieClipTimeLine.OnClickToggleSubVariable"/>
        </div>
        <div align="right" style="position: relative; background: url(Texture/whitedot.png); background-color: #0000ff; margin-left: 0px; margin-top: 0px; height: 12px; width: 64px">
            <input type="button" zorder="1" name="addOrUpdateKeyFrame" spacing="0" style="font-size:11px;text-align:center;color:#ffffff; background:;margin-left:0px;margin-top:-1px;height:12px;width:64px" value="+" tooltip='<%=L"添加/修改关键帧"%>' onclick="MovieClipTimeLine.OnClickAddSubFrameKey"/>
        </div>
        <pe:custom name="subFrames" width="100%" oncreate="OnCreateSubFrameCtrl" style="margin-left:64px;margin-right:64px;height:12px;"></pe:custom>
    </div>
    <div style="background:url(Texture/whitedot.png);background-color:#000000cc">
        <div style="position: relative; background: url(Texture/whitedot.png); background-color: #9af6aa; margin-left: 0px; margin-top: 0px; height: 12px; width: 64px">
            <input type="text" name="starttime" enable_ime="false" spacing="0" style="background:;margin-left:0px;margin-top:-4px;height:16px;width:64px" value="0" onchange="MovieClipTimeLine.OnChangeStartTime"/>
        </div>
        <div align="right" style="position: relative; background: url(Texture/whitedot.png); background-color: #9af6aa; margin-left: 0px; margin-top: 0px; height: 12px; width: 64px">
            <input type="text" name="endtime" enable_ime="false" spacing="0" style="background:;margin-left:0px;margin-top:-4px;height:16px;width:64px" value='10' onchange="MovieClipTimeLine.OnChangeEndTime"/>
        </div>
        <pe:custom name="keyframes" width="100%" oncreate="OnCreateKeyFrameCtrl" style="margin-left:64px;margin-right:64px;height:12px;"></pe:custom>
    </div>
    <div>
    <pe:sliderbar name="timeline" show_step_button="true" step_left_button_bg="Texture/Aries/Creator/Theme/GameCommonIcon_32bits.png;299 401 10 11:2 2 2 2" step_right_button_bg="Texture/Aries/Creator/Theme/GameCommonIcon_32bits.png;337 401 10 11:2 2 2 2"
                  onchange="MovieClipTimeLine.OnTimeChanged()" min="0" max="30000" min_step="1" value="0" style="background:;height:16px;" button_bg="Texture/Aries/Creator/Theme/GameCommonIcon_32bits.png;310 401 26 11:3 3 3 3"
                  buttontext_color="#cccccc" buttontext_format="%d / %d" button_width="128" button_height="16" EditorWidth="90" EditorFormat="%d" IsShowEditor="false" direction="horizontal"/>
    </div>
</div>
<script refresh="true" type="text/npl" src="MovieClipTimeLine.lua">
    MovieClipTimeLine:UpdateUI();
</script>

</pe:mcml>
</body>
</html>